import React, { Component } from 'react';
import { List , Scroller} from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';
// import Scroller from 'yo3/component/scroller';


var Skill = React.createClass({
    getInitialState:function(){
        return {
            dataSkill:[],
            renderPage:""
        }
    },
    componentWillMount:function(){

    },
    render:function() {

        return (
            <div className="yo-flex">
                <Scroller>
                    <div className="skillCom flex">
                        <div className="yo-card">
                            <div className="bd cols" style={{borderWidth:0}}>
                                <img className="img-cover" src="../pictures/my/look.png" alt="我的头像"/>
                                <div className="flex">
                                    <h3 className="hd">窗边的小豆豆</h3>
                                    <p className="desc">微信号：yscnyl</p>
                                </div>
                                <img className="img-cover" src="../pictures/my/code.png" alt="我的二维码"/>
                            </div>
                        </div>
                        <List
                            dataSource={[
                                {src: "../pictures/my/wallet.png", text: "钱包"},
                                {src: "../pictures/my/save.png", text: "收藏"},
                                {src: "../pictures/my/photo.png", text: "照片"},
                                {src: "../pictures/my/smile.png", text: "表情"},
                                {src: "../pictures/my/setting.png", text: "设置"}
                                
                            ]}
                            renderItem={(item,i)=>{
                                return (
                                    <p>
                                        <img src={item.src} style={{height:35,marginRight: 20,marginLeft: 20,}}/> {item.text} 
                                        <span>
                                            {/* &gt; */}
                                        </span>
                                    </p>
                                );
                            }}
                        />
                    </div>

                </Scroller>
            </div>
        )
    }
})


export default Skill;
